*{
	word-wrap:break-word;
	margin:0;
	padding:0;
}
body,input,button,select,textarea{
	color:#444;
	font:12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
	font-family: microsoft yahei;
}
.wrap{
	width:1180px;
	margin:0 auto;
}
a{
	text-decoration:none;
	transition:all 0.5s;
}
ul,li{
	list-style:none;
}
.clear{
    clear:both;
}
.nav-fixed {
  position: fixed;
  top: 0;
  z-index: 10000; }
//头部样式设置

header{
	height:40px;
	background:#2a2a2a !important;
	border-bottom:0;
	position:relative;
	z-index:111;
	line-height:28px;
	min-width:960px;
	font-size:14px;
}
.pagetop{
	zoom:1;
}
// 清除浮动的公共样式
@mixin commonclear{
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.pagetop:after{
	@include commonclear();
}
header{
	.left{
		float:left;
		margin-left:-5px;
	}
	.right{
		float:right;
		margin-right:15px;
		.box{
			.r1,.r2,r3{
				float:left;
				padding:0 15px!important;
			}
			.r1{
				background:#039be5;
			}
			.r2{
				background:#f8b006;
				margin-left:10px;
			}
			.r3{
				background:#ff0000;
				margin-left:10px;
			}
			.box-r{
				float:right;
				width:auto;
				margin-top:6px;
				ul{
					overflow:hidden;
					float:right;
					li{
						float:left;
						a{
							display:inline-block;
							padding:0 10px;
							margin-left:5px;
							height:30px;
							line-height:30px;
							border-radius:3px;
							font-size:12px;
							&:hover{
								color:#fff;
								background:#039be5;
							}
						}
					}
				}
			}
		}
	}
	a{
		height:40px;
		line-height:40px;
		color:#fff;
		float:left;
		padding:0 10px;
	}
}
.clear{
		clear:both;
}
// 第二部分导航的样式
.nav{
	width:100%;
	min-width:1180px;
	background:rgba(3,155,229,0.9);
	height:70px;
	.logo{
		width:320px;
		float:left;
		padding-top:10px;
	}
	.list{
		float:left;
		width:670px;
		height:70px;
		
		ul{
			li{
				float:left;
				a{
					display:inline-block;
					padding:0 18px;
					color:#fff;
					line-height:70px;
					font-size:16px;
					text-align:center;
					position:relative;
					&:hover{
						background:#fff;
						color:#039be5;
					}
				}

			}
			.active{
				a{
					color:#039be5;
					background:#fff;
				}
			}
			.read{
				//导航栏点击出现的内容区域
				.show{
					position:relative;
					display: none;		
					ul{
						position:absolute;
						z-index:301;

					}
					.p_pop{
						background:#039be5;
						box-shadow:none;
						border:0;
						a{
							color:#fff;
							padding:0;
							font-size:14px;
							border-bottom:0;
							line-height:35px;
							width:135px;
							text-align:left;
							&:hover{
							color:#039BE5!important;
				   			background:#fff;
							}
						}
					}
				}
				.p_pop{
					padding:4px;
					border:1px solid #DDD;
					background:#feeeee;
					box-shadow:1px 2px 2px rgba(0,0,0,0.3);
					a{
						display:block;
						white-space:nowrap;
					}
				}
				.h-pop{
					min-width:120px;
					border-top:none;
				}

			}
		}
	}
}


//------------------- 底部-------------------------
// 动画
@keyframes jello {
    from,11.1%,to {
    -webkit-transform:none;
    transform:none;
}
22.2% {
    -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
    transform:skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform:skewX(6.25deg) skewY(6.25deg);
    transform:skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    transform:skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
    transform:skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.pageBottom{
    width:100%;
    padding:20px 0;
    min-height: 100px;
    margin-top: 10px;
    background: #039BE5;
    height:137px;
    .w1180{
        width:1180px;
        height: 137px;
        margin:0 auto;
        h3{
            padding-left:30px;
            color:#fff;
            font-size: 16px;
            background: url(img/link.png) left center no-repeat;
        }
        ul{
            margin-top:20px;
            li{
                float:left;
                a{
                    display: inline-block;
                    width:110px;
                    float:left;
                    margin-bottom:10px;
                    font-size: 14px;
                    color:#fff;
                    transition: all 0.5s;
                    position: relative;
                    font-family: microsoft yahei;
                    &:hover{
                        animation: jello 1s linear;
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    // 清除浮动
    &:after{
        @include commonclear();
    }
}
// -------------------最底部-------------------
.pageFooter{
    margin-top:0;
    .footerTop{
        width:100%;
        min-width: 1180px;
        background: #333;
        padding:30px 0;
        height:165px;
        .w1180{
            width:1180px;
            margin:0 auto;
            .footerTopLeft{
                width:250px;
                float:left;
                h5{
                    font-size: 18px;
                    color:#fff;
                    span{
                        font-size:18px;
                        color:#f2f2f2;
                        padding-right:17px;
                        font-weight: 700;
                    }
                }
                .footerTopLeft-info{
                    margin-top:18px;
                    p{
                        font-size: 12px;
                        color:#fff;
                        line-height: 24px;
                        height:24px;
                        width:100%;
                        overflow: hidden;
                    }
                }
            }
            .footerTopMiddle{
                width:690px;
                height:170px;
                padding:0 25px;
                margin:0 25px;
                float:left;
                border-left: 1px solid #404040;
                border-right: 1px solid #404040;
                h5{
                    font-size: 18px;
                    color:#f2f2f2;
                    margin-bottom:15px;
                    span{
                        margin-left:10px;
                        font-size: 14px;
                        color:#f2f2f2;
                        padding-right:5px;
                    }
                }
                p{
                    font-size: 14px;
                    color:#fff;
                    line-height: 24px;
                    margin-bottom: 15px;
                    a{
                        font-size: 12px;
                        color:#fff;
                        white-space: nowrap;
                        padding-right: 5px;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                    span{
                        padding-right:5px;
                        font-size: 12px;
                    }
                }
                p.footerTopMiddle-link{
                    height:44px;
                }
            }
            .footerTopRight{
                float:right;
                width:128px;
                div{
                    font-size: 14px;
                    color:#f2f2f2;
                    margin:5px 0 18px 0;
                }
                img{
                    width:120px;
                    height:120px;
                }
            }
        }
        &:after{
            @include commonclear();
        }
    }
}
// 最最下部
.footerBottom{
    width:100%;
    min-width: 1180px;
    padding:15px 0;
    background: #2b2b2b;
    text-align: center;
    a{
        font-size: 12px;
        color:#fff;
        &:hover{
            text-decoration: underline;
        }
        img{
            position: relative;
            top:6px;
            margin-left:7px;
        }
    }
    span{
        margin:0 5px;
        color:#ccc;
    }
}

// -------------------侧边导航栏------------------------
.elevator-item {
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 999;
     a.posi{
      display:block;
      position:absolute;
      right:50px;
      top:-60px;
      display: none;
    }   
    .plus,#elevator{
        text-align: center;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 21px;
        border-radius: 2px;
        margin-bottom:2px;
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        color:#fff;
        font-size: 15px;
    }
    #elevator {            
        background: url(img/dingbu.png) -42px 50% no-repeat;
        background-color: rgba(0, 0, 0, 0.6);
        &:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
        &.off{
            visibility: hidden;
            opacity: 0;
        }
    }
}              

/*--------------------------登录框----------------------------*/
td{
    display:table-cell;
}
.wei_login{
    table{
        empty-cells:show;
        border-collapse:collapse;
        .t_l,.t_c,.t_r,.m_l,.m_r,.b_l,.b_c,.b_r{
            overflow:hidden;
            background:#000;
            opacity:0.2;
        }
        .t_l,t_r,.b_l,.b_r{
            width:8px;
            height:8px;
        }
        .t_l{
            -webkit-border-radius:8px 0 0 0;
        }
        .t_r{
            -webkit-border-radius: 0 8px 0 0;
        }
        .b_l{
            -webkit-border-radius: 0 0 0 8px;
        }
        .b_r{
            -webkit-border-radius: 0 0 8px 0 ;
        }
        .t_c,.b_c{
            height:8px;
            width:520px;
        }

        .m_l{
            width:8px;
            height:288px;
        }
        .m_c{
            background:#fff;
            padding:0;
            width:520px;
            height:288px;
            #layer_login{
                width:520px;
                height:288px;
                h3.flb{
                    padding:10px 10px 8px;
                    height:20px;
                    line-height:20px;
                    em{
                        float:left;
                        font-size:14px;
                        font-weight:700;
                        color:#369;
                        font-style:normal;
                    }
                    span{
                        float:right;
                        color:#999;
                        a.flbc{
                            float:left;
                            margin-left:8px;
                            font-weight:400;
                            color:#333;
                            width:20px;
                            height:20px;
                            overflow:hidden;
                            background:url(../public/img/cls.gif) no-repeat 0 0;
                            cursor:pointer;
                            &:hover{
                                background-position:0 -20px;
                            }
                        }
                    }
                }
                form{
                    width:520px;
                    height:250px;
                    .con{
                        padding:0 10px 10px;
                        .rfm{
                            font-size:15px;
                            margin:0 auto;
                            width:500px;
                            text-align:center;
                            padding-top:10px;
                            label{
                                line-height:24px;
                                cursor:pointer;
                            }
                            input{
                                height:17px;
                                padding:2px 4px;
                                line-height:17px;
                                border:1px solid;
                                border-color:#848484 #e0e0e0 #e0e0e0 #848484;
                            }
                            a{
                                color:#369;
                                font-size:13px;
                            }
                            select{
                                padding:2px 2px 2px 1px;
                            }
                        }
                        .bw0{
                            background:transparent;
                            label{
                                margin-left:-150px;
                                font-size:13px;
                                input{
                                    position:relative;
                                    top:4px;
                                    outline:none;
                                }
                            }
                            hr{
                                height:1px;
                                border:none;
                                background:#cdcdcd;
                                color:#cdcdcd;
                                margin-bottom:5px;
                            }   
                            span{
                                margin-left:-100px;
                            }   
                            a{
                                position:relative;
                                top:5px;
                            }                   
                        }
                        .mbw{
                            margin-bottom:5px;
                            margin-left:-15px;
                            button{
                                height:30px;
                                width:200px;
                                background:#e5e5e5 url(../public/img/pn.png) repeat-x 0 -48px;
                                color:#fff;
                                border:none;
                            }
                        }
                    }
                }
            }
        }
    }
}













